/*-----------------------------------------------------------------------------
Space Office Furniture

website:	http://www.jgumbley.com/

colors:		#222 		Main gray
			#73BE1E		Happy green
			#00A0C6		Blue
			#A8F2FF		Light blue
			#FFFFB3		Lght yllw
			#eee		Light gray
			#ddd		Border gray
			
IE 6 Hack - not visible for IE 7
* html body #id 
-----------------------------------------------------------------------------*/

@import url("reset.css");

/* =General
-----------------------------------------------------------------------------*/
html 			{ 	font-size: 100%; 
				}

body 			{ 	font: 15px/130% Arial, Helvetica, sans-serif; 
					color: #222; 
					background: #999 url(../images/bg_999.jpg) repeat-y center; 
				}

h1, h1 a, h2, h2 a, h3, h3 a 
				{ 	color: #00A0C6;
				}

h1 				{ 	font-size: 170%; clear: left; 
				}

/* =Page Layout
-----------------------------------------------------------------------------*/
#page_wrapper 	{ 	width: 960px; 
					height:100%; margin: 0 auto;
				}

#header 		{ 	position:relative; 
					border-top: 10px solid #ddd; 
					margin-bottom: 5px; 
					height: 5px;
				}

/* =Menu
-----------------------------------------------------------------------------*/

#menu-column 	{ 	width: 160px; 
					margin: 0; 
					float: left;
				}

#logo			{ 	margin-bottom: 5px; 
					padding-bottom: 5px; 
					padding-top: 5px; 
					border-bottom: 1px solid #ddd; 
					border-top: 1px solid #ddd;  
					height: 145px;
					background: #fff url(../images/chair.jpg) no-repeat; 
					background-position: center center; 
				}	
#logo  h1 		{ 	text-align: center; 
					margin-top: 35px; 
					margin-bottom: 25px; 
					font-size: 3em; 
				}				
#logo  h2 		{ 	text-align: center; 
					margin-bottom: 5px; 
					font-size: 150%; 
					color: #000;
				}
					
#logo img		{ 	margin-right: auto; 
					margin-left: auto; 
				}

#menu 			{ 	font-size: 15px;
				}
				
#menu h4 		{	font-size: 13px; 
					margin-top: 0; 
					display:none;
				}
				
#menu ul 		{ }
#menu ul li 	{ 	margin: 0 0 2px 0;
				}
#menu ul li a 	{	margin:0; 
					color: #fff; 
					display: block; 
					padding: .4em .6em; 
					background: #00A0C6 url(../images/menu_bg.gif); 
					border-bottom: 1px solid #ddd;
					text-decoration: none; 
					font-weight: bold; 
				}
#menu ul li.selected > a,
#menu ul li a:hover 	
				{ 	text-decoration: none; color: #A8F2FF;
				}

#menu ul ul 	{  	margin-top: 2px;
				}
#menu ul ul li a 			
				{ 	background: #fff url(../images/0030_arr.png) no-repeat 8px center; 
					color: #555; 
					padding-left: 26px;
				}
#menu ul ul li.selected  a,
#menu ul ul li a:hover 	
				{ 	color: #333;
				}
				
/* =Flash Banner. 
-----------------------------------------------------------------------------*/
#flash-banner	{ 	float: left; 
					width:780px; 
					margin-left: 15px; 
					margin-bottom: 5px; 
					padding-bottom: 2px; 
					padding-top: 5px; 
					border-top: 1px solid #ddd;  
					padding-top: 3px; 
					clear:right;
				}

/* =Content Column. 
-----------------------------------------------------------------------------*/
#content-column	{ 	float: left; 
					width:620px; 
					margin-left: 15px; 
					border-top: 1px solid #ddd;  
				}

#content-column p		
				{ 	
					margin-top: 6px;
					margin-bottom: 2px;
				}
#content-column h1 h2 h3 
				{ 	margin-top: 5px; 
					margin-bottom: 10px; 
				}
#content-column th		
				{ 	font-weight: bold;
				}
#content-column table td	
				{ 	padding: 3px; 
				}
#content-column a:link 	
				{ 	color: 	#000; 
					text-decoration: underline; 
				}
#content-column a:visited 	
				{ 	color: 	#000; 
					text-decoration: underline; 
				}
#content-column a:hover	
				{ 	color: 	#444 ; 
					text-decoration: underline; 
				}

#content-column br { clear: both;
					}
					
#content-column ul {
		text-indent: 25px;
		list-style-type: square;
        margin: 2em;
}

#content-column ul ul {
		text-indent: 25px;
		list-style-type: disc;
        margin-right: 2em;
		margin-left: 2em;
		margin-top: 0.25em;
		margin-bottom: 0.25em;
}
				 
/* # Content boxes:*/

#content-smbox-left	{
				clear: left;
				float: left; 
				text-align: center;
				width: 310px; 
				}
				
#content-smbox-right {
				clear: right;
				text-align: center;
				float: right; 
				width: 310px; 
				}

#breadcrumb		{ 	background: #ffffff url(../images/bull-globe.gif) no-repeat left center; 
					margin-bottom: 7px;
				}
#breadcrumb p 	{	margin: 0px 15px; 
					font-size: 100%; 
					color: #888; 
				}
#breadcrumb a 	{ 	font-size: 100%; 
					color: #00A0C6; 
				}
#breadcrumb .information 
				{ 	display:none; 
				}

#content_wrapper { }

#secondary 		{ 	border-top: 1px solid #ddd; 
					padding-top: .5em; 
				}

#featurebox 	{ 	border: 1px solid #ddd; 
				}

#clear 			{ 	clear: both; 
				}
				
/* =Feature Column. 
-----------------------------------------------------------------------------*/
#feature-column	{ 	float: left; 
					width:150px; 
					cursor: pointer;
					margin-left: 15px; 
					clear: right;
					/* border-top: 1px solid #ddd;*/  
				}
				
#feature-column h1 { margin-top: 10px;	
					 margin-bottom: 10px;	
					}
					
#feature-column p		
				{ 	margin-bottom: 6px;
				}

#feature-box {
			 border: 5px solid #ddd;
			 padding: 3px;
			 margin-bottom: 10px;	 
}

#feature-box a {
				text-decoration: none;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer 		{ 	width: 960px; 
					height: 70px; 
					text-align: right; 
					font-weight: 500; 
					position: relative; 
					bottom: 0px; 
					border-bottom:10px solid #bbb; 
					padding-bottom: 0px;
				}

#footer p		{ 	text-align: right; 
					color: #aaa; 
					font-size: smaller; 
					font-weight: 100; 
				}

#footer hr  	{ 	border: 0px; 
					color: #ddd; 
					background-color: #ddd; 
					height: 1.5px; 
				}
#footer a:link 	{ 	color: 	#000 ; 
					text-decoration: none; 
				}
#footer a:visited 	
				{ 	color: 	#000 ; 	
					text-decoration: none; 
				}
#footer a:hover	{ 	color: 	#444 ; 
					text-decoration: none; 
				}